<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新品有戏后台管理</title>
    <script src="__JS__/jquery.js"></script>
    <link href="__CSS__/boot.css" rel="stylesheet">
    <link href="__STATIC__/layui/css/layui.css" rel="stylesheet">
    <script src="__JS__/layer/layer.js"></script>
    <script src="__STATIC__/layui/layui.js"></script>
    <script src="__STATIC__/boot/js/bootstrap-table.js"></script>
    <script src="__STATIC__/boot/js/bootstrap-table-zh-CN.min.js"></script>
    <script src="__STATIC__/boot/js/dropdown.js"></script>
    <link rel="stylesheet" href="__STATIC__/boot/css/bootstrap-table.min.css"/>
</head>
<body>
{include file="base/header" /}
<table id="tea"></table>
</body>
<script>
    $('#tea').bootstrapTable({
            //获取行号
            onClickRow: function(row, $element) {
                indexs = $element.data('index');
                //console.log(row);
            },
            language: 'zh-CN',
            autoclose: true,
            todayHighlight: true,
            striped: true,//设置为 true 会有隔行变色效果
            method: 'get',//服务器数据的请求方式 'get' or 'post'
            url: "{:url('index/selltea/info')}?sid="+{$sid},//服务器数据的加载地址
            //contentType: "application/x-www-form-urlencoded",//发送到服务器的数据编码类型
            toolbar:'#toolbar',//
            //selectItemName:'checkbox',
            search:'true',//
            searchText:'',//搜索字段
            trimOnSearch:'true',//搜索时去掉空格
            searchOnEnterKey:true,
            sortName:'ID',//排序字段
            sortOrder : 'desc',//降序
            //showToggle: 'true',//是否显示 切换试图（table/card）按钮
            // showColumns: 'true',//是否显示 内容列下拉框
            showRefresh:"false",//刷新
            sidePagination: "server",   //分页方式：client客户端分页，server服务端分页（*）
            pagination: 'false',//设置为 true 会在表格底部显示分页条
            //clickToSelect:'true',//设置true 将在点击行时，自动选择rediobox 和 checkbox
            singleSelect:'true',//设置True 将禁止多选
            pageSize: '8',//如果设置了分页，页面数据条数
            pageList:[8,16,24],
            smartDisplay:false,
            //得到查询的参数
            queryParams : function (params) {
                //这里的键的名字和控制器的变量名必须一直，这边改动，控制器也需要改成一样的
                var temp = {
                    rows: params.limit,                         //页面大小
                    page: (params.offset / params.limit) + 1,   //页码
                    //sort: params.sort,      //排序列名
                    //sortOrder: params.order,//排位命令（desc，asc）
                    title:params.search
                };
                return temp;
            },
            columns: [
                {field: 'time', title: '下单时间', align:'center'},
                {field: 'ordernumber',title: '订单号',align:'center'},
                {field: 'total',title: '总金额(元)',align:'center'},
                {title: '操作',align:'center',formatter:operation}
            ]
        }
    );
    //操作
    function operation(value,row,index) {
        return [
            '<i class="layui-icon" onclick="detail('+row.ordernumber+')" onmouseover="over(this)" onmouseout="out(this)" style="font-size: 30px;" id="detail'+row.id+'">&#xe60a;</i> '
        ]
    }
    //鼠标已入时间
    function over(th) {
        $("#"+th.id).css("color","#31B0D5");
    }
    //离开
    function out(th) {
        $("#"+th.id).css("color","");
    }
    //详情
    function detail(ordernumber) {
        window.location.href = "{:url('index/selltea/detail')}?ordernumber="+ordernumber;
    }
</script>
</html>